<template>
   <div id="app" :class="{ 'is-loading': $store.getters.isLoading }">
    <router-view />
    <Loading /> 
  </div>
</template>

<script>
import Loading from './components/Loading.vue'
export default {
  name: 'App',
  components: {
    Loading,
  }
}
</script>

<style>
*{margin: 0;padding: 0;}
li{list-style:none}
a{text-decoration:none}
#app{
  height: 100vh;
}
#app.is-loading::before {
  width: 100%;
  min-height: 100vh;
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  z-index: 9998; /* 确保它在所有元素之上但低于loading组件 */
  pointer-events: auto; /* 不阻止点击事件传递到下面的loading组件 */
}


</style>
